.userCenter {
  width: 100%;
  height: 100%;
  background-color: #f2f2f2;
  // .et-flex-column-center();
  overflow-y: auto;
  .main {
    width: 100%;
    .et-flex-column-center();

    .main-container {
      width: @content-width;
      padding-bottom: 20px;
      .et-flex-normal();

      .main-menu {
        width: 170px;
        margin-right: 20px;
        background: #fff;
        padding: 20px 0;
        .et-flex-column-normal();

        .submenu {
          width: 100%;
          box-sizing: border-box;
          padding-left: 28px;
          .et-flex-column-normal();

          .submenu-title {
            font-size: 16px;
            color: #333;
            padding-bottom: 14px;
            font-weight: 700;

            .icon {
              margin-right: 10px;
            }
          }

          .menu-group {
            width: 100%;
            box-sizing: border-box;
            padding: 0 0 20px 27px;
            .et-flex-column-normal();

            .menu-item {
              width: 100%;
              height: 32px;
              .et-flex-start();
              color: #666;
              cursor: pointer;

              &.checked {
                color: @primary-color;
              }
            }
          }
        }

        .menu-footer {
          width: 100%;
          .et-flex-column-center();

          .menu-footer-item {
            width: 100%;
            height: 25px;
            text-align: center;
            .et-flex-center();
            color: #136ec2;
            font-size: 12px;
            line-height: 1;
            cursor: pointer;
          }
        }
      }

      .main-content {
        flex: 1;
        overflow-x: auto;
      }
    }
  }
}

.contact-float {
  position: fixed;
  left: 0;
  bottom: 60px;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  cursor: pointer;
  z-index: 2147483647;
  &:hover {
    transform: scale(1.15);
  }
}